<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Document</title>
		<script src="./vue.global.js"></script>
		<link rel="stylesheet" href="./index.css" />
		<link rel="stylesheet" href="./table.css" />
		<link rel="stylesheet" href="./pugong.css" />
		<link rel="stylesheet" href="./utils.css" />
		<script src="./index.full.js"></script>

		<script>
			//适配代码
			(function(doc, win) {
				var docEI = doc.documentElement,
					resizeEvt =
					"orientationchange" in window ? "orientataionchange" : "resize",
					recalc = function() {
						var clientWidth = docEI.clientWidth;
						if (!clientWidth) return;
						//100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
						docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
					};

				if (!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener("DOMContentLoaded", recalc, false);
			})(document, window);
		</script>
		<style>
			* {
				/* margin: 0;
        padding: 0; */
				font-size: 0.15rem;
			}
		</style>
	</head>

	<body>
		<div id="app" class="table-content text-left ">
			<h3 class="text-center mb-2" style="font-size: 0.25rem">安全操作规程告知书</h3>


			<div class="text-indent">1、上岗前必须经过培训，经考试合格后取得上岗证方可上岗操作。</div>
			<div class="text-indent">2、操作前必须对所使用的各种机具设备进行全面检查，有缺陷的及时维修或调换，否则禁止使用。</div>
			<div class="text-indent">3、各种机具应设专机专人负责，禁止非专机人员擅自开机。</div>
			<div class="text-indent">4、机具的安放必须坚实稳固，保持水平，固定式机械应有可靠的基础，移动式机械在作业时应楔紧走行轮，机械的传动部分要有防护罩，电气部分应有保护接地或接零，室外作业应设置机棚。
			</div>
			<div class="text-indent">5、对焊机工作房，宜用防火材料搭盖，在焊机周围严禁放置易燃、易爆物品，以免引起火灾。</div>
			<div class="text-indent">6、操作人员必须穿戴好规定的劳动防护用品才能工作。</div>
			<div class="text-indent">7、不得切断或弯制直径超过机械规定的钢筋，不得在高空或脚手架上弯制粗钢筋，钢筋切断机工作时，不得将手分在刀片两侧俯身送料。</div>
			<div class="text-indent">8、加工较长的钢筋时，应有专人帮扶，从侧面送料，并听从操作人员指挥，不得任意拖拉。</div>
			<div class="text-indent">9、钢筋焊接时应符合下列规定：</div>
			<div class="text-indent">（1）应防止钢筋和电源接触，不允许两台电焊机共用一个电源闸刀开关；</div>
			<div class="text-indent">（2）焊钳把手要绝缘；</div>
			<div class="text-indent">（3）调节焊接电流或停止工作时，必须切断电源；</div>
			<div class="text-indent">（4）焊接作业不得在雨中进行；</div>
			<div class="text-indent">（5）焊接作业人员站立的地面应铺垫绝缘面层。</div>
			<div class="text-indent">10、钢筋张拉时应符合下列规定：</div>
			<div class="text-indent">（1）张拉场地周围应设防护栏杆和警告标志，作业时任何无关人员不得入内；</div>
			<div class="text-indent">（2）张拉前应严格检查设备、仪表的可靠性，以及锚具、夹具和墩头的状况，确认无开裂或损坏，并保证液压油路和接头处无泄露；</div>
			<div class="text-indent">（3）张拉时钢筋两端不得站人，操作要平衡均匀，张拉过程中不得用手摸或脚踩张拉钢筋。</div>
			<div class="text-indent">（4）在测量钢筋伸长值或拧紧锚固螺栓时，应先停止作业，且操作人员应站在钢筋侧面。</div>
			<div class="text-indent">11、在有雷电的野外作业时不得使用移动电话。</div>





			<div class="d-flex flex-row mt-2 justify-content-between">
				<div>
					<div @click="setUpEquipment('operateForm.announcer','TaskSignFinger')">告知者（签字）： </div>
					<el-image v-show="operateForm.announcer" class="sign_img" :src="operateForm.announcer" fit="fill"></el-image>
					<div>
						<el-input v-model="operateForm.year" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="operateForm.month" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						月
						<el-input v-model="operateForm.day" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
				<div>
					<div @click="setUpEquipment('operateForm.announcerd','TaskSignFinger')">被告知者（签字）：</div>
					<el-image v-show="operateForm.announcerd" class="sign_img" :src="operateForm.announcerd"
						fit="fill"></el-image>
					<div>
						<el-input v-model="operateForm.year1" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="operateForm.month1" class="people-input" placeholder=" "
							style="width: 0.5rem"></el-input>
						月
						<el-input v-model="operateForm.day1" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
			</div>

		</div>
		<script>
			const {
				createApp,
				reactive,
				toRefs,
				ref,
				onMounted
			} = Vue;
			const vue3Composition = {
				setup() {
					const operateForm = ref({
						year: "",
						month: "",
						day: "",
						year1: "",
						month1: "",
						day1: "",
						announcer: "", //告知者
						announcerd: '', //被告知者
					});

					window.setSign = (event) => {
						operateForm.value[event.key] = event.img;
					};


					window.getData = (event) => {
						return operateForm.value;
					};
					window.setData = (data) => {
						operateForm.value = data;
					};

					//peopleForm.sign
					const setUpEquipment = (key, type) => {
						window.parent.childListener({
							key,
							type,
						});
					};
					return {
						operateForm,
						setUpEquipment,
					};
				},
			};
			const app = createApp(vue3Composition)
				.use(ElementPlus)
				.mount("#app");
		</script>
	</body>
</html>